<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    .out{
        height: 500px;
        width: 400px;

         border:2px solid #4c8dfd ;
    }

    .in{
        height: 400px;
        width: 300px;
        margin-left: 25px;
        border:2px solid #4c8dfd ;
    }


</style>
<body>

<div class="out">
    <h4 align="center">用户注册表</h4>
    <div class="in">
        用户名<input type="text" name="username" > <br><br>
        密码 <input type="password" name="password" ><br><br>
        性别 <input type="radio" name="sex" value="男" selected;>男
                                    <input type="radio" name="sex" value="女" >女<br><br>
        爱好 <input type="checkbox" name="hobby" value="smork">抽烟
                                     <input type="checkbox" name="hobby" value="drink" >喝酒
                                        <input type="checkbox" name="hobby"  value="firehead">烫头<br><br>
        出生年月 <input type="date" name="birthday" ><br><br>
        上传头像 <input type="file" name="photo" ><br><br>
        籍贯 <select name="areas" >
        <option value="1">江苏</option>
        <option value="2">浙江</option>
        <option value="3">上海</option>
        <option value="4">北京</option>
    </select> <br> <br>
        自我介绍<textarea name="self"  cols="30" rows="2" value="不能少于500字">

        </textarea>
        <br>
        <input type="submit" value="提交"> <input type="reset" value="重置">

    </div>












</div>





</body>
</html>